@charset "utf-8";
/* CSS Document */

body  {  	
	margin: 0;  	
	padding: 0;  	
	background: #ddd;  
	}
li{
	margin-left: -10%;
	list-style-type:none;
	}
li.a{
	color:#FF0;
	text-decoration: none;
	}
    
#container  {  	
	margin: 1em auto;  	
	width: 810px;  	
	background: #fff;  
	}
#logo{
	margin-top: 20px;
	width: 160px;
	height: 160px;
	position:absolute;
	background-image: url(../images/bestBet.png);
	}    
#header {
	background: #d7ddf8;
	height: 140px;
	}
#login {
	float: right;
	} 
#login input {
	float: right;
}

#menu {
	margin-left: 1.0%;
	float: left;
	width: 140px;
	height: 400px;
	background: #c50105; 
	}    
	
#menu ul{
	display:block;
	list-style:none;
	padding:10px 0 0 10px;
	margin:0px;
}
#menu ul li{
	display:inline;
	padding:0px;
	margin:0px;
	height:27px;
}
#menu ul li a{
	height:27px;
	display:block;
	width:110px;
	padding:0px 5px 0 0px;
	margin:0 4px 0 4px;
	_margin:0 2px 0 2px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-size:13px;
	line-height:27px;
	font-weight:bold;
}
#menu ul li.selected a{
	height:27px;
	display:block;
	width:110px;
	padding:0px 5px 0 0px;
	margin:0 4px 0 4px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-size:13px;
	line-height:27px;
	background:url(../images/menu_bt_bg.gif) repeat-x center;
}
#menu ul li a:hover{
	background:url(../images/menu_bt_bg.gif) repeat-x center;
}	
#mainnav  {  	
	padding-left: 10px;
	float: right;  	
	width: 170px;  	
	height: 400px;
	background: #d7ddf8;  
	}    
#contents  {  	
	float: left;  	
	width: 480px;  	
	background: #fde6e6;  	
	margin: 0 0 0 0px;  
	}    
#footer  {  	
	clear: both;  	
	background: #FF9;
	text-align:center;  
	}  


